MainArea ={
		redSreen : false,
		cxt: '',
		snipeCxt: '',
		hurtLevel: 0,
		cleanScreen: function(){
			this.redScreen = false;
			this.cxt.clearRect(0, 0, 2000, 3000);
			this.hurtLevel = 0;
		},
		shooted: function(){
			if(this.redSreen == false && this.hurtLevel<5){
				this.redScreen = true;	
				if(this.cxt == ''){
					var c = document.getElementById("myCanvas");
					this.cxt = c.getContext("2d");
				}
				this.cxt.fillStyle = "rgba(255, 0, 0, 0.1)";
				this.cxt.fillRect(0, 0, 2000, 2000);
				window.setInterval("MainArea.cleanScreen()", 5000);
				this.hurtLevel += 1;
			}
		},

		drawCrossHair: function(crossHairRadius, isSnape){
			if(this.snipeCxt == ''){
				var c = document.getElementById("snipeCanvas");
				this.snipeCxt = c.getContext("2d");
			}

			if(isSnape == false){
				this.snipeCxt.clearRect(0,0,3000,3000);
				return;
			}
			
			var posX = window.innerWidth/2;
			var posY = window.innerHeight/2;
			this.snipeCxt.clearRect(0,0,2000,3000);
			this.snipeCxt.globalAlpha = 0.5;
			this.snipeCxt.beginPath();
			this.snipeCxt.arc(posX, posY, crossHairRadius, 0, 2 * Math.PI, false);
			this.snipeCxt.fillStyle = "blue";
			this.snipeCxt.fill();

			this.snipeCxt.globalAlpha = 1;
			this.snipeCxt.moveTo(posX, posY - crossHairRadius - 10);
			this.snipeCxt.lineTo(posX, posY + crossHairRadius + 10);
			this.snipeCxt.strokeStyle = "black";
			this.snipeCxt.lineWidth = 2;
			this.snipeCxt.stroke();

			this.snipeCxt.beginPath();
			this.snipeCxt.moveTo(posX - crossHairRadius - 10, posY);
			this.snipeCxt.lineTo(posX + crossHairRadius + 10, posY);
			this.snipeCxt.strokeStyle = "black";
			this.snipeCxt.lineWidth = 2;
			this.snipeCxt.stroke();

		},
}